.tool-bar {
  padding: 5px;
  height: 40px;
  background-color: #00abff;
}
.department-bar{
  float: left;
  margin-right: 20%;
}
.button-bar{
  float: left;
}
.search-bar {
  float: right;
  margin-top: -30px;
}
.time-ctrl{
  margin-left:46% ;
}
.pos{
  position: relative;
}
.blackPoint{
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
  left: 236px;
  top:305px;
}
.redPoint{
  width: 22px;
  height: 22px;
  position: absolute;
  left: 337px;
  top:351px;
  background: url('./../../../../../assets/images/redPoint.png') left center no-repeat;
}
.tool{
  width: 100px;
  height: 60px;
  border:1px solid #ccc;
  position: absolute;
  left: 50%;
  top:50%;
  margin-left: -50px;
  margin-top: 30px;
  z-index: 100;
  background: #fff;
}
.top, .bot{
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  padding-left: 4px;
}
.tool:before{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 32px solid #ccc;
  position: absolute;
  left: 38px;
  top: -32px;
  content: "";
}
.tool:after{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 32px solid #fff;
  position: absolute;
  left: 38px;
  top: -30px;
  content: "";
}
